*{margin:0;padding:0;}
body{
	background: #ccc;
}
/*header部分*/
header{
	width:100%;
	background:#333;
	position:fixed;
	z-index:1000;
}
nav{
	width:90%;overflow: hidden;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
}
nav a{
	display: block;
	padding-left:10px;padding-right: 10px;
	line-height:50px;height:50px;
	float: left;
	text-decoration: none;
	color:white;
}
nav a:hover{
	background:darkcyan;
}
.list{
	width:90%;margin:0 auto;
	height:50px;
	margin: 0 auto;
	color: white;
	text-align: center;
	line-height:50px;
	cursor:pointer;
	display:none;
	
}
#nav_hid{
	width:100%;
	margin:0 auto;
	background:gray;
	display: none;
	position: fixed;
	z-index: 1000;
	top:50px;
}
#nav_hid a{
	display: block;
	height:40px;line-height:40px;
	text-decoration: none;
	color: white;
	text-indent:2em;
	display: none;
}
#nav_hid a:hover{
	background:#ccc;
}
@media screen and (max-width:500px ) {
	nav{
		display: none;
	}
	.list{
		display: block;
	}
	#nav_hid a{
		display:block;
	}
}
/*轮播图部分*/
#box{
	width:100%;height:400px;
	position:relative;
	padding-top:50px;
}
#box img{
	width:100%;height:100%;
	position:absolute;
	top:0px;left: 0px;
	display: none;
}
#box img:nth-child(1){
	display: block;
}
#ul{
	width:74px;height:14px;
	position: absolute;
	bottom:40px;left:48%;
	list-style: none;
}
#ul li{
	width: 14px;height: 14px;
	background: white;
	float: left;
	border-radius:50%;
	margin-right:10px;
}
#ul li:nth-child(1){
	background:#0097D6; 
}
#small{
	width:100%;height: 500px;
	position: relative;
	padding-top:50px;
	display: none;
	overflow:hidden;
}
#small img{
	width:100%;height:100%;
	position:absolute;
	top:0px;left: 0px;
	display: none;
}
#small img:nth-child(1){
	display:block;
}
/*main部分*/
main{
	width:90%;overflow: hidden;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom: 20px;
}
article{
	width:65%;overflow: hidden;
	float: right;
	margin-top: 10px;
	position:relative;
}
.first{
	width:100%;
}
.text{
	margin-top:-5px;
	width:100%;
	padding-top: 10px;
	background: white;
	padding-bottom: 10px;
	text-indent:2em;
	line-height:34px;
	cursor: pointer;
	transition: 0.5s;
}
.text p:nth-child(2){
	font-size:20px;
}
.text a{
	display:block;
	text-indent:2em;
	line-height:34px;
	color: black;
	font-size: 20px;
	color: #0097D6;
}
.text:hover{
	color: #0097D6;
}
aside{
	width:33%;
	background:#0097D6;
	color:white;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	position: relative;
	margin-top: 10px;
	position:relative;
}
aside a:nth-child(1){
	color: white;
	text-decoration: none;
	margin-left:10px;
}
.add{
	display: block;
	width: 44px;height:44px;
	background: url(../img/2.png);
	position:absolute;
	top: 0px;right: 0px;
}
.list_l{
	width:84%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	transition:1s;
	cursor: pointer;
}
.list_l:hover{
	color:black;
}
.p2{
	font-size:20px;
}
@media screen and (max-width:500px ){
	article{
		width:100%;
		margin-top:10px;
	}
	aside{
		width:100%;
	}
	.text p{
		font-size:14px;
		line-height:24px;
	}
	.text p:nth-child(2){
		font-size:14px;
		font-weight:bold;
	}
	.text a{
		font-size:14px;
		line-height:24px;
	}
	#box{
		display: none;
	}
	#small{
		display: block;
	}
}
/*footer部分*/
footer{
	width:100%;
	background:black;
	color: white;
	font-size:16px;
	padding-bottom:60px ;
	padding-top:40px;
}
.tlak{
	width:300px;
	margin:0 auto;
	padding-top:40px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}
.weib{
	display: block;
	width:22px;height:22px;
	background: url(../img/guWibo2.png) no-repeat;
	background-size:100% 100%;
}
.weix{
	display: block;
	width:22px;height:22px;
	background: url(../img/guWixin2.png) no-repeat;
	background-size:100% 100%;
}
.vidoe{
	display: block;
	width:22px;height:22px;
	background: url(../img/guYouku.png) no-repeat;
	background-size:100% 100%;
}
footer p{
	width:60%;
	margin:0 auto;
	margin-top: 20px;
	text-align: center;
	line-height:24px;
}
.item{
	width:120px;height:24px;
	margin-top:20px;
	margin:0 auto;
	margin-top:10px;
	
}
.item a{
	display: block;
	text-decoration: none;
	color: white;
	font-size: 12px;
	line-height: 24px;
	float: left;
}
.item a:nth-child(2){
	float:right;
}
.item a:hover{
	color:#0097D6;
}
.police{
	width:360px;height: 24px;
	margin:0 auto;
	margin-top: 20px;
	font-size:12px;
}
.police a{
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	color: white;
}
.one{
	float: left;
}
.two{
	float:right;
}
@media screen and (max-width:600px ) {
	.police{
		width:50%;
	}
	.one{
		float:none;
		margin: 0 auto;
	}
	.two{
		float:none;		
		margin: 0 auto;
	}
}
